<template>
  <div class="duanwang_to">
    <!---->
    <div id="header">
      <ul id="header_top1">
        <li @click="doShang()">
          <img src="../../../assets/Aladeng_img/3_duanhuowang/duanhuowang/back.png" alt="">
        </li>
        <li>
          关注公众号
        </li>
      </ul>
    </div>
    <!---->
    <div class="body">
    <div>微信服务号：</div>
      <div>aladeng</div>
      <div>长按可复制</div>
      <div class="ding">
        <img src="../../../assets/Aladeng_img/5_gerenzhongxin/guanzhugongzhonghao/waicengtu.png" alt="">
        <img class="wei" src="../../../assets/Aladeng_img/5_gerenzhongxin/guanzhugongzhonghao/erweima.png" alt="">
      </div>
      <div>
        您可以：通过微信”扫一扫”扫描上方二维码，找到我们
      </div>
      <div>
        关注阿拉灯微信服务号
      </div>
      <div>
        发货、物流、补货通知早知道
      </div>
    </div>
  </div>
</template>
<script>

  export default {
    data() {

      return {

      }
    },
    components: {

    },
    methods: {
      doShang(){
        this.$router.go(-1);
      }
    }
  }
</script>
<style scoped>
  .duanwang_to {
    margin-bottom: 5rem;
  }

  #header {
    width: 100%;
    height: 4rem;
    background: #e53e42;
  }

  .duan_datu img {
    width: 24rem;
  }

  #header_top1 {
    width: 30rem;
    display: flex;
    padding-top: 1.3rem;
    padding-bottom: 0.3rem;
  }

  #header_top1 li {
    text-align: center;
    color: #ffffff;
    font-weight: 200;
  }

  #header_top1 li:nth-child(1) {
    flex: 1;

  }

  #header_top1 li:nth-child(1) img {
    width: 1rem;
  }

  #header_top1 li:nth-child(2) {
    flex: 10;
    font-size: 1.5rem;
    padding-left: 1rem;
  }
  .body{
    text-align: center;
    font-weight: 200;
    font-size: 0.8rem;
    background-color:  #f2f2f2;
    height: 50rem;
  }
  .body div{
    padding: 0.5rem;
  }
  .body div:nth-child(1){
    color: #4d4d4d;
    font-size: 1.3rem;
  }
  .body div:nth-child(2){
    color: #e53e42;
  }
  .body div:nth-child(3){
    color: #808080;
  }
  .ding{
    position: relative;

  }
  .ding img:nth-child(1){
    width: 20rem;
  }
  .wei{
    width: 8rem;
    position: absolute;
    top: 7rem;
    left: 15rem ;
  }
  .body div:nth-child(4){
    padding: 2rem 0;
  }
  .body div:nth-child(5){
    color: #666666;
    border-bottom: 1px solid #cccccc;
    padding-bottom: 1rem;
  }
  .body div:nth-child(6){
    color: #666666;
    padding-top: 2rem;
  }
  .body div:nth-child(7){
    color: #666666;
  }

</style>
